<div class="modal-dialog modal-lg">
  <div class="modal-content">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
        <span aria-hidden="true">&times;</span>
      </button>
      <h4 class="modal-title">条目抽取管理--合同服务条目查看</h4>
    </div>

    <div class="modal-body">
      <form class="form-inline">
        <div class="form-group col-lg-12" style="padding-left:0px !important">
          <h4 class="col-lg-2">合同相关信息</h4>
        </div>
        <div class="form-group col-lg-12" style="margin-top:10px;margin-bottom:10px">
          <label>产品代码:</label>
          <input class="form-control" [(ngModel)]="contractBody.sFundCode" name="sFundCode" disabled>
          <label style="margin-left:10px">产品名称:</label>
          <input class="form-control" [(ngModel)]="contractBody.sFullName" name="sFullName" disabled>
          <label style="margin-left:10px">产品类型:</label>
          <input class="form-control" [(ngModel)]="contractBody.sFundTypeZh" name="sFundTypeZh" disabled>
        </div>
        <!-- <div class="form-group" style="margin-top:20px">
          <label class="col-lg-2 text-right">产品类型:</label>
          <div class="col-lg-3">
            <input class="form-control" [(ngModel)]="contractBody.sFundTypeZh" name="sFundTypeZh" disabled>
          </div>
        </div> -->
      </form>

      <div class="nav-tabs-custom">
        <ul class="nav nav-tabs">
          <li class="active">
            <a href="#tab_1" data-toggle="tab">服务有效条目</a>
          </li>
          <li>
            <a href="#tab_2" data-toggle="tab">条目变更记录</a>
          </li>
        </ul>
      </div>
      <div class="tab-content">
        <div class="tab-pane active" id="tab_1">
          <table class="table table-bordered table-hover">
            <thead>
              <tr>
                <th style="width:20%!important">内容</th>
                <th style="width:80%!important">要求</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>周报</td>
                <td class="td-padding">
                  <input class="input-width" maxlength="500" [(ngModel)]="effectiveBody.sWeekly" name="sWeekly">
                </td>
              </tr>
              <tr>
                <td>月报</td>
                <td class="td-padding">
                  <input class="input-width" maxlength="500" [(ngModel)]="effectiveBody.sMonth" name="sMonth">
                </td>
              </tr>
              <tr>
                <td>季报</td>
                <td class="td-padding">
                  <input class="input-width" maxlength="500" [(ngModel)]="effectiveBody.sDaily" name="sDaily">
                </td>
              </tr>
              <tr>
                <td>年报</td>
                <td class="td-padding">
                  <input class="input-width" maxlength="500" [(ngModel)]="effectiveBody.sYear" name="sYear">
                </td>
              </tr>
              <tr>
                <td>绩效评估报告</td>
                <td class="td-padding">
                  <input class="input-width" maxlength="500" [(ngModel)]="effectiveBody.sAchAss" name="sAchAss">
                </td>
              </tr>
              <tr>
                <td>重大事项</td>
                <td class="td-padding">
                  <input class="input-width" maxlength="500" [(ngModel)]="effectiveBody.sMajorMatters" name="sMajorMatters">
                </td>
              </tr>
              <tr>
                <td>净值大幅波动提醒</td>
                <td class="td-padding">
                  <input class="input-width" maxlength="500" [(ngModel)]="effectiveBody.sRemind" name="sRemind">
                </td>
              </tr>
              <tr>
                <td>终止情况</td>
                <td class="td-padding">
                  <input class="input-width" maxlength="500" [(ngModel)]="effectiveBody.sStopSituation" name="sStopSituation">
                </td>
              </tr>
              <tr>
                <td>清算报告</td>
                <td class="td-padding">
                  <input class="input-width" maxlength="500" [(ngModel)]="effectiveBody.sLiqReport" name="sLiqReport">
                </td>
              </tr>
            </tbody>
          </table>
          <div class="form-group">
            <h4 class="col-lg-2">审核意见</h4>
          </div>
          <textarea id="sAuditOpinion" cols="20" maxlength="2000" rows="5" style="width:100%" [(ngModel)]="effectiveBody.sAuditOpinion"
            name="effectiveBody" disabled></textarea>
        </div>

        <div class="tab-pane" id="tab_2">
          <form class="form-inline">
            <div class="form-group">
              <label>修改项:</label>
              <input class="form-control" [(ngModel)]="queryPost.sModifyItem" name="sModifyItem">
              <label>审核日期:</label>
              <div class="input-group date form_datetime">
                <span class="input-group-addon">
                  <i class="fa fa-calendar"></i>
                </span>
                <input class="form-control" type="text" style="background: white; cursor: pointer;" [(ngModel)]="queryPost.sAuditTime" name="sAuditTime"
                  mwlFlatpickr [ngModelOptions]="{standalone: false}">
              </div>

            </div>

            <div class="form-group" style="margin-top:15px;margin-bottom:15px">
              <label>审核人:</label>
              <input class="form-control" [(ngModel)]="queryPost.sAuditor" name="sAuditor">
              <label>审核意见:</label>
              <input class="form-control" [(ngModel)]="queryPost.sAuditOpinion" name="sAuditOpinion">
              <label>审核状态:</label>
              <select class="form-control" [(ngModel)]="queryPost.sAuditStatus" name="sAuditStatus">
                <option [value]="''">全部</option>
                <option [value]="0">待审核</option>
                <option [value]="1">审核通过</option>
                <option [value]="2">审核不通过</option>
              </select>
            </div>
            <button class="btn btn-primary" (click)="getEntryChangeList(1)">
              <i class="fa fa-search"></i>查询</button>
          </form>

          <table class="table table-bordered table-hover table-striped">
            <thead>
              <tr>
                <th class="width-15">修改项</th>
                <th class="width-15">审核人</th>
                <th class="width-15">审核日期</th>
                <th class="width-40">审核意见</th>
                <th class="width-15">审核状态</th>
              </tr>
            </thead>
            <tbody>
              <tr *ngFor="let item of queryList">
                <td>{{item.sModifyItem}}</td>
                <td>{{item.sAuditor}}</td>
                <td>{{item.sAuditTime}}</td>
                <td>{{item.sAuditOpinion}}</td>
                <td>
                  <span *ngIf="item.sAuditStatus == '0'">待审核</span>
                  <span *ngIf="item.sAuditStatus == '1'">审核通过</span>
                  <span *ngIf="item.sAuditStatus == '2'">审核不通过</span>
                </td>
              </tr>
            </tbody>
          </table>
          <div class="box-footer clearfix">
            <app-pagination [currentPageNum]="queryPageInfo.currentPageNum" [pagesShow]="" [totalPages]="queryPageInfo.totalPages" (pageChanged)="changePageNavigation($event)">
              <div class="pull-left pagination-detail" data-pagination-additional="true">
                <span class="pagination-info">
                  当前显示第{{queryPageInfo.startRow}}到第{{queryPageInfo.endRow}}条，总共{{queryPageInfo.total}}条，
                </span>
                <span class="page-list">
                  每页记录
                  <span class="btn-group dropup">
                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                      <span class="page-size">{{queryPageInfo.pageSize}}</span>
                      <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu" role="menu">
                      <li *ngFor="let i of queryPageInfo.pageList" role="menuitem" [class.active]="queryPageInfo.pageSize===i" (click)="changepageSizeChange(i)">
                        <a>{{i}}</a>
                      </li>
                    </ul>
                  </span>条
                </span>
              </div>
            </app-pagination>
          </div>
        </div>
      </div>
    </div>

    <div class="modal-footer">
      <button type="button" class="btn btn-default pull-left" data-dismiss="modal">关闭</button>
      <button type="button" class="btn btn-primary" (click)="editServiceInfo()">
        <i class="fa fa-save"></i>保存</button>
    </div>
  </div>
</div>